<template>
	<view>
		
		<view id="profile">
			<view class="bgc">
				<image class="bgcimage" :src="bgcTop"></image>
			</view>
			<view id="myinfor">

				<view id="card" class="card" >
					<view class="li" @click="navToPage('order')">
						<view class="liimg1">
							<image class="liimage" src="../../static/profile_icon/dingdan.png"></image>
						</view>
						<view class="lititle">
							<text>我的订单</text>
						</view>
						<view class="liimg2">
							<image class="liimage" src="../../static/profile_icon/right.png"></image>
						</view>
					</view>
					<view class="li" @click="navToPage('address')">
						<view class="liimg1">
							<image class="liimage" src="../../static/profile_icon/dizhi.png"></image>
						</view>
						<view class="lititle">
							<text>收货地址</text>
						</view>
						<view class="liimg2">
							<image class="liimage" src="../../static/profile_icon/right.png"></image>
						</view>
					</view>
					<view class="li" @click="navToPage('MyInformation')">
						<view class="liimg1">
							<image class="liimage" src="../../static/profile_icon/zhanghu.png"></image>
						</view>
						<view class="lititle">
							<text>我的资料</text>
						</view>
						<view class="liimg2">
							<image class="liimage" src="../../static/profile_icon/right.png"></image>
						</view>
					</view>
					<view class="li" style="border-bottom:none" @click="navToPage('confirmOrder')">
						<view class="liimg1">
							<image class="liimage" src="../../static/profile_icon/shiyongxuzhi.png"></image>
						</view>
						<view class="lititle">
							<text>使用须知</text>
						</view>
						<view class="liimg2">
							<image class="liimage" src="../../static/profile_icon/right.png"></image>
						</view>
					</view>
					<view style="height: 3vh;width: 100%;"></view>
				</view>
			</view>
		</view>
		<!-- <view class="list">
			<u-cell-group title-bg-color="rgb(243, 244, 246)">
				<u-cell class="list_cell_content" :center="true" size="large"
					:titleStyle="{fontWeight: 200,'font-size':'40rpx'}" :title="item.title"
					v-for="(item, index) in list" :key="index" isLink @click="navTo(item.url)">
				</u-cell>
			</u-cell-group>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgcTop: "http://47.106.199.123:8080/pictures/static/profile/bg0.png",
				list: [{
						title: '政策指引',
						url: 'policyIntroduce'
					},
					{
						title: '识别记录',
						url: 'record'
					},
					{
						title: '用户协议',
						url: 'userProtocal'
					},
					{
						title: '关于我们',
						url: 'aboutUs'
					},
					{
						title: '意见反馈',
						url: 'feedback'
					},
					{
						title: '更多设置',
						url: 'moreSetting'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	
	#profile {
		background-color: #f0f0f0;
		min-height: 100vh;
		height: auto;
		/* padding-bottom: 2vh; */
		position: relative;
	}
	.bgc{
		height: 50vh;
		overflow: hidden;
	}
	.bgcimage {
		width: 100vw;
		height: 100vh;
	}
	
	#myinfor {
		z-index: 1;
		position: absolute;
		margin: 0 8vw;
		/* height: 65vh; */
		width: 84vw;
		background-color: #ffffff;
		bottom: 5vh;
		left: 0;
		right: 0;
		top: auto;
	}
	
	#head {
		text-align: center;
		margin-bottom: 3vh;
	}
	
	.headphoto {
		width: 200rpx;
		height: 200rpx;
		border-radius: 50%;
		border: 10rpx #77aa44 solid;
		margin-top: 2vh;
	}
	
	.nickname {
		font-size: 40rpx;
		font-weight: bold;
		margin: 1vh 0;
	}
	
	.phone {
		font-size: 30rpx;
		margin: 1vh 0;
	}
	
	.card {
		background-color: #ffffff;
		
		/* text-align: center; */
		margin-bottom: 3vh;
		
		/* margin-top: 3vh; */
	}
	
	.li {
		margin: 0 3vw;
		padding: 3vw 0;
		display: flex;
		justify-content: space-between;
		background-color: #ffffff;
		border-bottom: 4rpx #f0f0f0 solid;
		border-top: none;
	}
	
	.liimage {
		width: 40rpx;
		height: 40rpx;
	}
	
	.liimg1 {
		flex-grow: 1;
		padding: 1vh;
	}
	
	.lititle {
		flex-grow: 9;
		font-size: 36rpx;
		padding: 1vh;
	}
	
	.liimg2 {
		flex-grow: 1;
		padding: 1vh;
	}
</style>
